<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.1/css/bootstrap.min.css" rel="stylesheet">
  <title>课程评价</title>
</head>
<body>
  <nav class="navbar navbar-expand-sm navbar-light bg-light mb-4">
    <div class="container">
      <a class="navbar-brand" href="#">课程评价平台</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav ms-auto">
          <li class="nav-item">
            <a class="nav-link" href="./index.html">首页</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./reviews.html">评价</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="./about.html">关于</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <main>
    <div class="container d-flex flex-column align-items-center">
      <h2>课程评价</h2>
      <div class="card my-3" style="width: 18rem;">
        <div class="card-body">
          这是一门非常实用的课程，深入浅出地介绍了编程基础。老师讲解清晰，配套资料丰富，非常推荐给编程新手。
        </div>
      </div>
      <div class="card my-3" style="width: 18rem;">
        <div class="card-body">
          我通过这门课程掌握了数据分析的核心技术，课程内容覆盖广泛，案例实战让我受益匪浅，值得一学。
        </div>
      </div>
      <div class="card my-3" style="width: 18rem;">
        <div class="card-body">
          作为一个设计背景的学生，这门课程帮我打开了前端开发的大门。课程结构合理，由浅入深，让我能够在短时间内构建出自己的网站。
        </div>
      </div>
    </div>
  </main>

  <footer class="text-center mt-5">
    版权所有 &copy; 2024
  </footer>

  <script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.1/js/bootstrap.bundle.min.js"></script>
</body>
</html>
